{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$webdb.mseo_title?:$webdb.seo_title}{/block}
{block name="head_keword"}{$webdb.mseo_keyword?:$webdb.seo_keyword}{/block}
{block name="head_description"}{$webdb.mseo_description?:$webdb.seo_description}{/block}


{block name="body_content"}
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/index.css">
<div class="MainContainer">
	<div class="LeftCont">
		<div class="logo">{qb:tag name="toutiaologo" type="image"}<a href="/"><img src="{:config('webdb.logo')?:'__STATIC__/index/toutiao/logo_tm.png'}"></a>{/qb:tag}</div>
		<ul class="Sorts">	
		{php}$menu_choose=config('system_dirname')?config('system_dirname'):'index';{/php}
{volist name="pc|get_web_menu" id="rs"}
<li {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}><a href="{$rs.url}">{$rs.name}</a></li>
{/volist} 
		</ul>
	</div>
	<div class="CenterContainer">
		<div class="SlideBox">
			
<div class="ShowRollPicBox3" style="width: 680px; height: 400px;">
{qb:tag name="showroll" val='listdb' type="images"}
<!--<ul class="bigimg">
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com" target="_blank"><img src="__STATIC__/index/toutiao/1_20170513080535_lh301.jpg"></a></li>
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com" target="_blank"><img src="__STATIC__/index/toutiao/1_20170426090432_44xrf.jpg"></a></li>
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com" target="_blank"><img src="__STATIC__/index/toutiao/1_20170426090452_ucyia.jpg"></a></li>
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com" target="_blank"><img src="__STATIC__/index/toutiao/1_20170426090435_2djvz.jpg"></a></li>
</ul>
<input class="width" type="hidden" value="680">
<input class="height" type="hidden" value="400">
<ul class="ListTitle">
<li style=""><span>像我们一样年轻：绘画梦想</span></li>
<li style=""><span>同学两亿岁：外星女狂追校草</span></li>
<li style=""><span>妈妈是超人收官：安迪嗯哼同框</span></li>
<li style=""><span>爱国者：张鲁一佟丽娅精彩谍战</span></li>
</ul>
<div class="pages"><span class="now">1</span>/<span class="all">4</span></div>
<ul class="changeShow"><ol onclick="parv_changSlide3()"></ol><li onclick="next_changSlide3()"></li></ul>-->

<ul class="bigimg">
{volist name="listdb" id="rs"}
<li style="opacity: 0; left: 100%;"><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}"></a></li>
{/volist}
</ul>
<input class="width" type="hidden" value="680">
<input class="height" type="hidden" value="400">
<ul class="ListTitle">
{volist name="listdb" id="rs"}
<li style=""><span>{$rs.title}</span></li>
{/volist}
</ul>
<div class="pages"><span class="now">{$i}</span>/<span class="all">4</span></div>
<ul class="changeShow"><ol onclick="parv_changSlide3()"></ol><li onclick="next_changSlide3()"></li></ul>
{/qb:tag}
</div>
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/rolltype3.css">
<script language="JavaScript" src="__STATIC__/index/toutiao/jquery-1.2.6.min.js"></script>
<script language="JavaScript" src="__STATIC__/index/toutiao/rolltype3.js"></script>

		</div>
		<div class="ListArticBox">
{qb:tag name="news_list_page_listdata01" type="cms" rows="15" order="id" by="desc" mid="-1"}
{if $rs.mid==3&&($mvdb=json_decode($rs.mv_url,true)[0])}
	<div class="ListArtic">
	<ul class="pic_word">
		<li><div class="title"><a href="{$rs.url}">{$rs.title|get_word=60}</a></div>
	<p>{:fun('Player@play',$mvdb.url,660,400,$rs.picurl)}</p>
	<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
	</li>
	</ul>
	</div>
{elseif count($rs['picurls'])>3}
	<div class="ListArtic">
	<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
	<ul class="morpic"><a href="{$rs.url}">
	{volist name="$rs.picurls" id="pic"}
					{if ($i<5)}
		<li><span><img src="{:fun('img@tt',$pic.picurl,500,300)}" onmouseover="thisimg_over($(this))" onmouseout="thisimg_out($(this))" style="max-width: 100%; max-height: 100%;"></span></li>
	{/if}
	{/volist}
	</a></ul>
	<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
	</div>			
{elseif $rs['picurl']!='' /}
	<div class="ListArtic">
	<ul class="pic_word">
		<ol><a href="{$rs.url}"><span><img src="{:fun('img@tt',$rs.picurl,500,300)}" onmouseover="thisimg_over($(this))" onmouseout="thisimg_out($(this))"></span></a></ol>
		<li><div class="title"><a href="{$rs.url}">{$rs.title|get_word=60}</a></div>
	<p>{$rs.content|get_word=130}</p>
	<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
	</li>
	</ul>
	</div>
{else /}
	<div class="ListArtic">
	<ul class="pic_word">
		<li><div class="title"><a href="{$rs.url}">{$rs.title|get_word=60}</a></div>
	<p>{$rs.content|get_word=250}</p>
	<dl class="moreinfo"><dt><span class="tou"><a href="{$rs.user_url}" target="_blank"><img src="{$rs.user_icon}">{$rs.username}</a></span>浏览:<span>{$rs.view}</span>次 评论:<span>{:fun('comment@total',$rs['id'],'cms')}</span>条</dt><dd>{$rs.create_time|format_time}</dd></dl>
	</li>
	</ul>
	</div>
{/if}
{/qb:tag} 
		</div>
<div class="ShowMoreArtic" style="display:none"><img src="__STATIC__/index/toutiao/timg.gif"><!--span onclick="ShowMoreArtic()">内容加载中</span--></div>	
	</div>
<script type="text/javascript">
var Mpage = 1;
//显示更多
function ShowMoreList(){
	Mpage++;
	$.get('{qb:url name="news_list_page_listdata01" /}'+Mpage,function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了！",{time:500});
			}else{
				$('.ListArticBox').append(res.data);
				scroll_get = true;  //这一行仅仅是匹配滚动显示更多.如果没使用滚动特效,可以删除
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});
}

//滚动显示更多
var scroll_get = true;	//做个标志,不要反反复复的加载
$(document).ready(function () {
	$(window).scroll(function () {
		if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
			scroll_get = false;
			layer.msg('内容加截中,请稍候',{time:1000});
			ShowMoreList();
		}
	});
});

</script>
	<div class="RightCont">
		<div class="SearchBox">
			<form method="get" action="{:urls('search/index/lists')}" onsubmit="return cksearch();" target="_blank">
				<div class="input"><input id="keyword_s" type="text" name="keyword" placeholder='请输入关键字'/></div>
				<div class="sub"><input name="button" type="submit" value="搜索"/></div>
    		</form>
<script type="text/javascript">
<!--
function cksearch(){
	if ($('#keyword_s').val()==''){
		layer.alert("关键字不能为空");
		return false;
	}
}
//-->
</script> 
		</div>
		<div class="RightAdBox">{qb:tag name="jubao" type="image"}<img src="__STATIC__/index/toutiao/1_20170424110430_s0csd.png" border="0">{/qb:tag}</div>
		<div class="NewMenmbers">
			<div class="head"><span>最新会员</span></div>
			<div class="cont">
			{qb:tag name="member" type="member" rows="5"}
				<ul><ol><a href="{$rs.url}" target="_blank"><img src="{$rs.icon|tempdir}" onerror="this.src='__STATIC__/index/toutiao/nobody.gif'"></a></ol><li><div>{$rs.username}</div><p>注册时间：{$rs.regdate}</p></li></ul>
{/qb:tag}

			</div>
		</div>
		<div class="HotArticBox">
			<div class="head">精彩专题</div>
			<div class="Slide">
<div class="ShowRollPicBox1" style="width: 320px; height: 200px;">
{qb:tag name='jingcaizhuanti' val='listdb' type="images"}
<!--<ul class="bigimg">
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com"><img src="__STATIC__/index/toutiao/1_20170424100456_ht0o6.jpg"></a></li>
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com"><img src="__STATIC__/index/toutiao/2.jpg"></a></li>
<li style="opacity: 0; left: 100%;"><a href="http://www.qibomoban.com"><img src="__STATIC__/index/toutiao/1_20170424100430_wtffg.jpg"></a></li>
</ul>
<input class="width" type="hidden" value="320">
<input class="height" type="hidden" value="200">
<ul class="ListTitle">
<li style="display: list-item;"><span>热身赛-内马尔复出破门 巴西2-0胜</span></li>
<li style="display: none;"><span>收藏版-2018俄罗斯世界杯分组赛程</span></li>
<li style="display: none;"><span>泡沫之夏：三个人的爱情博弈</span></li>
</ul>-->
<ul class="bigimg">
{volist name="listdb" id="rs"}
<li style="opacity: 0; left: 100%;"><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}"></a></li>
{/volist}
</ul>
<input class="width" type="hidden" value="320">
<input class="height" type="hidden" value="200">
<ul class="ListTitle">
{volist name="listdb" id="rs"}
<li style="display: none;"><span>{$rs.title}</span></li>
{/volist}
</ul>
{/qb:tag}
</div>
<link rel="stylesheet" type="text/css" href="__STATIC__/index/toutiao/rolltype1.css">
<script language="JavaScript" src="__STATIC__/index/toutiao/rolltype1.js"></script>
</div>
			<div class="cont">
			{qb:tag name="toutiao01" type="cms" rows="5"}
			<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
{/qb:tag}
			</div>
		</div>
		<div class="RightAdBox">{qb:tag name="guowei" type="image"}<img src="__STATIC__/index/toutiao/1_20170424110447_u0o4r.png" border="0">{/qb:tag}</div>
		<div class="RightSideBox">
			<div class="head">{qb:tag name="toutiao02" type="text"}<span>精彩视频</span><a href="#">更多</a>{/qb:tag}</div>
			<div class="cont">
			{qb:tag name="toutiao03" type="cms" where="ispic|>|0" rows="4"}
				<ul> 
<ol><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}" style="max-width: 100%; max-height: 100%;"></a></ol>
<li><a href="{$rs.url}" target="_blank">{$rs.title}</a></li>
</ul>
{/qb:tag}

			</div>
		</div>
		<div class="RightSideBox">
			<div class="head">{qb:tag name="toutiao04" type="text"}<span>精彩图片</span><a href="#">更多</a>{/qb:tag}</div>
			<div class="cont">
{qb:tag name="toutiao05" type="cms" where="ispic|>|0" rows="4"}
				<ul> 
<ol><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}" style="max-width: 100%; max-height: 100%;"></a></ol>
<li><a href="{$rs.url}" target="_blank">{$rs.title}</a></li>
</ul>
{/qb:tag}
			</div>
		</div>
		<div class="RightSideBox">
			<div class="head">{qb:tag name="toutiao06" type="text"}<span>推荐商品</span><a href="#">更多</a>{/qb:tag}</div>
			<div class="cont">
				{qb:tag name="toutiao07" type="cms" where="ispic|>|0" rows="4"}
				<ul> 
<ol><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}" style="max-width: 100%; max-height: 100%;"></a></ol>
<li><a href="{$rs.url}" target="_blank">{$rs.title}</a></li>
</ul>
{/qb:tag}
			</div>
		</div>
		<div class="FriendLinkBox">
			<div class="head"><span>友情链接</span></div>
			<ul class="picLink">
{qb:tag name="links" rows="9" where="status=1" class="plugins\links\index\Link@labelShow"}
        {notempty name="$rs.picurl"}
        <li><a href="{$rs.url}" target="_blank"><img src="{:fun('img@tt',$rs.picurl,500,400)}" title="{$rs.title}" /></a></li>
        {else /}
        <li><a href="{$rs.url}" target="_blank">{$rs.title}</a></li>
        {/notempty}

    {/qb:tag}
             

			</ul>
		</div>
		<div class="CopyRightBox">
			<div>Copyright@{$webdb[www_url]} all rights reserved <br><a href="http://www.miibeian.gov.cn" target="_blank">{$webdb[miibeian_gov_cn]}</a></div>
    		<div>
		</div>
	</div>
</div>
<script>
$(document).ready(function () {
	var rightBoxH=$('.MainContainer .RightCont').height();
	$(window).scroll(function () {
		var scroll_Height=$(window).scrollTop();
		if (scroll_Height > 50) {
			$(".MainContainer .LeftCont").css({'top':scroll_Height+'px'});
		}else{
			$(".MainContainer .LeftCont").css({'top':'0px'});
		}
		if(scroll_Height>rightBoxH){
			$('.HotArticBox').addClass('HotArticBox1');
			$(".HotArticBox").css({'top':scroll_Height+'px'});
		}else{
			$('.HotArticBox').removeClass('HotArticBox1');
		}
		if($('body').height()-scroll_Height<1300 && check_showMore==1){
			ShowMoreArtic();
		}
	});
});
$('.RightSideBox .cont ul ol a img').hover(
	function(){
		$(this).animate({"max-width":"120%","max-height":"120%"},100);
	},
	function(){
		$(this).animate({"max-width":"100%","max-height":"100%"},100);
	}
);
function thisimg_over(objs){
	objs.animate({"max-width":"120%","max-height":"120%"},100);
}
function thisimg_out(objs){
	objs.animate({"max-width":"100%","max-height":"100%"},100);
}
</script>
{/block}